<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<script src="http://g.tbcdn.cn/mtb/lib-flexible/0.3.4/??flexible_css.js,flexible.js"></script>
		<script src="js/mock.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/database.js" type="text/javascript" charset="utf-8"></script>
		<link rel="stylesheet" type="text/css" href="css/wechat-pay.css" />
	</head>
	<body>
		<header>
			<span id="back">取消</span>
			<h1>确认支付</h1>
		</header>
		<div id="main">
			<p class="cite">北京中淏文化传媒有限公司</p>
			<p class="value">￥3158.00</p>
			<div class="way space-between">
				<span>零钱</span>
				<img src="img/next.svg">
			</div>
			<button id="pay" type="button">确认支付</button>
		</div>
		<div id="pop-pay">
			<div id="pay-affirm">
				<div class="pay-head">
					<img src="img/cuo2.svg" id="cuo">
					<p>支付</p>
					<span>使用密码</span>
				</div>
				<div class="pay-main">
					<p class="pay-cite">北京中淏传媒</p>
					<p class="pay-value">￥1693.00</p>
					<div class="way space-between pay-way">
						<span>招商银行信用卡（6666）</span>
						<img src="img/next.svg">
					</div>
				</div>
				<button type="button" id="pay-p">确认支付</button>
			</div>
		</div>
	</body>
	<script src="js/resultbank.js" type="text/javascript" charset="utf-8"></script>
	<script type="text/javascript">
		function pay() {
			let onepay = document.getElementById('pay');
			let pop = document.getElementById('pop-pay');
			let popback = document.getElementById('cuo');

			onepay.addEventListener('touchend', function() {
				pop.style.visibility = 'visible';
				pop.style.opacity = 1;
			})
			popback.addEventListener('touchend', function() {
				pop.style.opacity = 0;
				pop.style.visibility = 'hidden';
			})
		}
		pay()
	</script>
</html>
